<template>
	<view class="wrapper">
		<view class="main">
			<view class="main-title">标题通知文案最多</view>
			<view class="main-time">2025-06-09 10:36</view>
			<view class="main-content">
				<text>亲爱的用户：\n</text>
				<view>你邀请的 纯情大蟑螂 已投资 8台iPhone 16 Pro Max， 恭喜你获得400元佣金，佣金已到余额，随时</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.wrapper {
	padding: 20rpx 30rpx;
}
.main {
	min-height: 734rpx;
	background: #ffffff;
	border-radius: 14rpx;
	box-sizing: border-box;
	padding: 35rpx 30rpx;
	&-title {
		font-family: 'PingFang SC';
		font-weight: bold;
		font-size: 28rpx;
		color: #333333;
	}
	&-time {
		margin: 30rpx 0 60rpx;
		font-family: 'PingFang SC';
		font-weight: 400;
		font-size: 24rpx;
		color: #999999;
	}
	&-content {
		font-family: ' PingFang SC';
		font-weight: 500;
		font-size: 24rpx;
		color: #999999;
		text-indent: 2em;
		view{
			margin-top: 20rpx;
			text-indent: 2em;
			line-height: 38rpx;
		}
	}
}
</style>
